博客
关于我
前端页面,90°翻转图片、滚动鼠标滑轮放大缩小图片
阅读量:421 次
发布时间:2019-03-06

本文共 435 字,大约阅读时间需要 1 分钟。

话不多说,直接上代码:

#set($_title = "查看司机照片") #parse("common/_header.vm")       
代码解析:

 

 
其中 onmousewheel="return bigimg(this)"  控制鼠标滑轮的滚动事件。(其中放大缩小比例可以通过修改  zoom += event.wheelDelta / 20;  后面的分母,分母越小,滚动一次缩放比例越大)
下面这段代码控制点击翻转图片90°。
window.onload = function(){     var current = 0;     document.getElementById('target').onclick = function(){         current = (current+90)%360;         this.style.transform = 'rotate('+current+'deg)';     } };
 
 

转载地址:http://exyuz.baihongyu.com/

你可能感兴趣的文章
nginx 配置~~~本身就是一个静态资源的服务器
查看>>
Nginx 配置服务器文件上传与下载
查看>>
Nginx 配置清单(一篇够用)
查看>>
Nginx 配置解析:从基础到高级应用指南
查看>>
Nginx 集成Zipkin服务链路追踪
查看>>
nginx 集群配置方式 静态文件处理
查看>>
Nginx+Django-Python+BPMN-JS的整合工作流实战项目
查看>>
Nginx+Keepalived+LVS集群实战
查看>>
Nginx+Keepalived实现简单版高可用主备切换
查看>>
Nginx+Lua 开发高性能Web应用实战
查看>>
nginx+mysql+redis+mongdb+rabbitmq 自动化部署脚本
查看>>
nginx+php的搭建
查看>>
Nginx+Redis+Ehcache:大型高并发与高可用的三层缓存架构总结
查看>>
nginx+tomcat+memcached
查看>>
nginx+tomcat单个域名及多个域名配置
查看>>
Nginx+Tomcat实现动静分离
查看>>
nginx+Tomcat性能监控
查看>>
nginx+uwsgi+django
查看>>
nginx+vsftp搭建图片服务器
查看>>
Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
查看>>